<template>
    <div class="weekend">
        <h4>周末去哪儿</h4>
        <div class="active">
            <div class="section" v-for="(v,i) in weekendlist" :key="i">
                <img :src="v.imgUrl" alt="">
                <h6>{{v.title}}</h6>
                <p>{{v.desc}}</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'weekend',
    props:['weekendlist']
}
</script>

<style lang="less" scoped>
    .weekend{
        h4{
            height: 1rem;
            font-size: 0.33rem;
            padding-left: .2rem;
            line-height: 1rem;
            background-color: #eeeeee;
        }
        .section{
            img{
                width:100%;
            }
            h6{
                height: 0.62rem;
                line-height: 0.62rem;
                font-size: 0.38rem;
                padding-left: 0.15rem;
            }
            p{
                font-size: 0.33rem;
                height: 0.5rem;
                line-height: 0.5rem;
                padding-left: 0.15rem;
                color: #919191;
            }
        }
    }
</style>
